@charset "utf-8";

@font-face {
    font-family: 'BGOTHL';
    src: url('../fonts/BGOTHL.eot');
    src: url('../fonts/BGOTHL.eot') format('embedded-opentype'), url('../fonts/BGOTHL.woff') format('woff'), url('../fonts/BGOTHL.woff2') format('woff2'), url('../fonts/BGOTHL.ttf') format('truetype'), url('../fonts/BGOTHL.svg#BGOTHL') format('svg');
}

html, body{overflow-y: auto;}

::-webkit-scrollbar-track-piece{width: 10px; background-color: #f2f2f2;}
::-webkit-scrollbar{width: 5px; height: 6px;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #000;}

.en_letter{font-family: 'BGOTHL', Arial, Helvetica, sans-serif; text-transform: uppercase;}

.header{position: relative; width: 100%; padding: 40px 0; color: #000; background-color: #fff;}
.header .container0{width: 95%;}
.header_main{height: 70px; position: relative; display: flex; justify-content: space-between; overflow: hidden;}
.header .logo{position: relative; top: 18.8px;}
.header .logo .img1{display: block;}
.header .logo .img2{display: none;}
.header .logo .lotext{position: absolute; right: -80px; bottom: 28px; font-size: 16px;}
.header_right{position: relative; width: calc(100% - 160px); padding-bottom: 12px; display: flex; justify-content: space-between;}
.header_right::after{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url(../images/header_bline.png) no-repeat;}
.header_nav{margin-top: 20px; margin-left: 80px;}
.header_nav ul .nLi{float: left; margin-right: 60px;}
.header_nav ul .nLi:last-child{margin-right: 0;}
.header_nav ul .nLi h3 a{position: relative; display: inline-block; padding-bottom: 8px; font-size: 16px;}
.header_nav ul .nLi h3 a::after{content: ""; display: block; width: 0%; height: 2px; margin-top: 8px; background-color: #000; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.header_nav ul .nLi h3 a span{font-size: 22px;}
.header_nav ul .nLi h3 a:hover::after{width: 100%;}
.header_nav ul .nLi.on h3 a::after{width: 100%;}
.header .lx{display: flex; align-items: center; flex-wrap: wrap;}
.header .lx img{width: 28px; margin-right: 13px;}
.header .lx span{display: block; font-size: 14px; margin-bottom: 3px;}
.header .lx strong{font-size: 30px;}

.header.fixed{position: fixed; left: 0; top: 0; width: 100%; padding: 15px 0; z-index: 70; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background-color: #fff; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.header.fixed .header_main{height: auto; display: flex; justify-content: space-between; align-items: center;}
.header.fixed .logo{position: static; top: 0;}
.header.fixed .logo .img1{display: none;}
.header.fixed .logo .img2{display: block; height: 45px;}
.header.fixed .logo .lotext{display: none;}
.header.fixed .header_right{width: calc(100% - 139px); padding-bottom: 0;}
.header.fixed .header_right::after{display: none;}
.header.fixed .header_nav{margin: 0;}
.header.fixed .header_nav ul .nLi h3 a{line-height: 30px; padding-bottom: 0;}
.header.fixed .lx img{width: 28px; margin-right: 10px;}
.header.fixed .lx span{margin-bottom: 5px;}
.header.fixed .lx strong{font-size: 22px;}

.wheader{position: fixed; left: 0; top: 0; width: 100%; padding-top: 40px; z-index: 70; color: #fff; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(255,0,0,0)); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.wheader .container0{width: 95%;}
.wheader_main{height: 70px; position: relative; display: flex; justify-content: space-between; overflow: hidden;}
.wheader .logo{position: relative; top: 18.8px;}
.wheader .logo .img1{display: block;}
.wheader .logo .img2{display: none;}
.wheader .logo .lotext{position: absolute; right: -80px; bottom: 28px; font-size: 16px;}
.wheader_right{position: relative; width: calc(100% - 160px); padding-bottom: 12px; display: flex; justify-content: space-between;}
.wheader_right::after{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url(../images/header_wline.png) no-repeat;}
.wheader_nav{margin-top: 20px; margin-left: 80px;}
.wheader_nav ul .nLi{float: left; margin-right: 60px;}
.wheader_nav ul .nLi:last-child{margin-right: 0;}
.wheader_nav ul .nLi h3 a{position: relative; display: inline-block; padding-bottom: 8px; font-size: 16px;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.wheader_nav ul .nLi h3 a::after{content: ""; display: block; width: 0%; height: 2px; margin-top: 8px; background-color: #fff; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.wheader_nav ul .nLi h3 a span{font-size: 22px;}
.wheader_nav ul .nLi h3 a:hover::after{width: 100%;}
.wheader_nav ul .nLi.on h3 a::after{width: 100%;}
.wheader .lx{display: flex; align-items: center; flex-wrap: wrap;}
.wheader .lx img{width: 28px; margin-right: 13px;}
.wheader .lx .img1{display: block;}
.wheader .lx .img2{display: none;}
.wheader .lx span{display: block; font-size: 14px; margin-bottom: 3px;}
.wheader .lx strong{font-size: 30px;}

.wheader.fixed{position: fixed; left: 0; top: 0; width: 100%; padding: 15px 0; z-index: 70; color: #000; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background: none; background-color: #fff; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.wheader.fixed .wheader_main{height: auto; display: flex; justify-content: space-between; align-items: center;}
.wheader.fixed .logo{position: static; top: 0;}
.wheader.fixed .logo .img1{display: none;}
.wheader.fixed .logo .img2{display: block; height: 45px;}
.wheader.fixed .logo .lotext{display: none;}
.wheader.fixed .wheader_right{width: calc(100% - 139px); padding-bottom: 0;}
.wheader.fixed .wheader_right::after{display: none;}
.wheader.fixed .wheader_nav{margin: 0;}
.wheader.fixed .wheader_nav ul .nLi h3 a{line-height: 30px; padding-bottom: 0;}
.wheader.fixed .wheader_nav ul .nLi h3 a::after{background-color: #000;}
.wheader.fixed .lx img{width: 28px; margin-right: 10px;}
.wheader.fixed .lx .img1{display: none;}
.wheader.fixed .lx .img2{display: block;}
.wheader.fixed .lx span{margin-bottom: 5px;}
.wheader.fixed .lx strong{font-size: 22px;}



/* 手机端 */
.headerSJ {
	display: none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:70;
	background-color:#fff;
	box-shadow:0 0 9px rgba(0,0,0,0.25);
}
.headerSJ .headerSC {
	width: 95%;
	height:60px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerSJ .logo img {
	display:block;
	height: 35px;
}

.headerSJ .navbar0 {
	position:relative;
	cursor:pointer;
	background-color:transparent;
	background-image:none;
	border:none;
	outline:none;
}
.headerSJ .navbar0 .icon-bar {
	display:block;
	width:18px;
	height:2px;
	border-radius:1px;
	background-color:#333;
}
.headerSJ .navbar0 .icon-bar + .icon-bar {
	margin-top:4px;
}

.headerSJ .navbg0 {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:71;
	background-color:rgba(0,0,0,0.7);
}
.headerSJ .navbg0 .closeSJ {
	position:absolute;
	right:24px;
	top:18px;
	cursor:pointer;
}
.headerSJ .navwrap0 {
	position:fixed;
	top:0px;
	left:-50%;
	width:60%;
	height:100%;
	opacity:0;
	z-index:72;
	background-color: #000;
}
.headerSJ .navwrap0 .nav0 {
	height:100%;
	padding:10px 5% 0px 5%;
	overflow-y:auto;
}

.headerSJ .navwrap0 .nav0 li {
	line-height:40px;
	padding:0 3%;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.headerSJ .navwrap0 .nav0 li a {
	display:block;
	color:#fff;
	font-size:14px;
}
.headerSJ .navwrap0 .nav0 li a span {
	font-size: 18px;
}

.headerSJ .navwrap0 .nav0 .SJbod {
	display:none;
}
.headerSJ .navwrap0 .nav0 .SJbod dd a {
	line-height:33px;
	font-size:12px;
}
.headerSJ .navwrap0 .nav0 .plus a {
	background:url(../images/plus.png) right center no-repeat;
}
.headerSJ .navwrap0 .nav0 .minus a {
	background:url(../images/minus.jpg) right center no-repeat;
}
.headerSJ .navwrap0 .nav0 .lan .SJtit a {
	display:inline-block;
}
.headerSJ .navwrap0 .nav0 .lan .SJtit span {
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:0px 5px;
}

.headerSJ .nav0_phone{
	margin-top: 25px;
	padding-left: 5%l
}
.headerSJ .nav0_phone a{
	display: flex; 
	align-items: center;
	color: #fff;
}
.headerSJ .nav0_phone img{
	width: 25px;
	margin-right: 8px;
}
.headerSJ .nav0_phone h4 span{
	display: block;
	margin-bottom: 3px;
	 font-size: 12px;
 }
.headerSJ .nav0_phone h4 strong{
	font-size: 15px;
}

.banner{position: relative; width: 100%;}
.banner .container0{width: 95%;}
.banner_main{position: relative;}
.index_swiper{position: relative;}
.index_swiper .line{position: absolute; right: 94px; bottom: 60px; display: block; width: 99px; height: 1px; z-index: 10; background-color: rgba(255, 255, 255, 0.3);}
.index_swiper .line span{display: block; width: 0; height: 1px; overflow: hidden; background-color: #fff;}
.index_swiper .bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index_swiper .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
.index_swiper .table{display: table; width: 100%; height: 100%;}
.index_swiper .cell{display: table-cell; vertical-align: middle;}
.index_swiper .cell h2{font-size: 48px; margin-bottom: 20px;}
.index_swiper .cell p{font-size: 24px;  letter-spacing: 5px;}
.index_swiper .banner-pagination{left: auto; bottom: 75px; right: 0; width: 150px;; color: #fff; text-align: left; font-size: 18px;}
.index_swiper .banner-pagination .swiper-pagination-current{position: absolute; left: -70px; }
.index_swiper .banner-pagination .swiper-pagination-total{position: absolute; right:60px; top: 2px;}
.index_swiper .banner_btn{position: absolute; width: auto; height: auto; background: none; color: #fff; font-size: 18px; font-weight: normal; font-weight: 100; z-index: 15;}
.index_swiper .banenr_btnL{left: 3%;}
.index_swiper .banner_btnR{right: 3%;}
.banner_scroll{position: absolute; bottom: 30px; left: 50%; width: 2px; height: 59px; background-color: rgba(255,255,255,0.3); z-index: 20;}
.banner_scroll span{display: block; position: absolute; left: 0; top: 20%; width: 2px; height: 29px; background-color: #fff; transform: translateY(20%); -webkit-transform: translateY(20%); animation: downico1 2s ease-out infinite; -webkit-animation: downico1 2s ease-out infinite;}
.banner_line{position: absolute; top: 48.5%; width: 27%; height: 1px; background-color: rgba(255, 255, 255, 0.6); z-index: 3;}
.bannerline_L{left: 6%;}
.bannerline_R{right: 6%;}
@keyframes downico1{
	0%{
		transform: translateY(15%);
		opacity: 1;
	}
	50%{
		transform: translateY(30%);
		opacity: 1;
	}
	100%{
        transform: translateY(15%);
		opacity: 1;
	}
}

@-webkit-keyframes downico1{
	0%{
		transform: translateY(15%);
		opacity: 1;
	}
	50%{
		transform: translateY(30%);
		opacity: 1;
	}
	100%{
        transform: translateY(15%);
		opacity: 1;
	}
}


.index_title{margin-bottom: 55px;}
.index_title h2{margin-bottom: 5px; font-size: 48px;}
.index_title h2 span{font-size: 60px;}
.index_title h4{position: relative; font-size: 20px;}
.index_title h4::after{content: ""; display: block; width: 402px; height: 1px; margin-top: 35px; background-color: #9c9c9c;}

.view_more a{position: relative; width: 180px; height: 60px; padding: 0 23px; font-size: 18px; z-index: 2; overflow: hidden; border: 1px solid #000; display: inline-flex; justify-content: space-between; align-items: center;}
.view_more a::before{content: ""; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.view_more a i{display: inline-block; width: 8px; height: 12px; background: url(../images/index_barrow.png) no-repeat top center;}
.view_more a:hover{color: #fff; border-color: transparent;}
.view_more a:hover::before{left: 0;}
.view_more a:hover i{background-image: url(../images/index_warrow.png)}

.index1{width: 100%; padding: 65px 0; background-color: #fff;}
.index1 .container0{width: 96%;}
.index1_bg{position: absolute; left: 0; top: 50%; z-index: -1; transform: translate(0%,-50%); -webkit-transform: translate(0%, -50%);}
.index1_bg img{max-width: 100%;}
.index1_main{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.index1_txt{position: relative; width: 50%; padding: 0 60px; z-index: 2;}
.index1_txt .nr{margin-bottom: 50px;}
.index1_txt .nr p{line-height: 30px; color: #666; font-size: 18px;}
.index1_img{width: 50%; padding-right: 60px;}
.index1_img img{display: block; width: 100%; height: auto;}

.index2{position: relative; width: 100%; padding: 65px 0; background: url(../images/index2-bg.jpg) no-repeat top center; background-size: cover;}
.index2_main{margin-bottom: 50px; overflow: hidden;}
.index2 .container0{width: 95%;}
.index2_swiper{width: 100%;}
.index2_swiper .swiper-slide{width: 60%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transform: scale(0.9); -webkit-transform: scale(0.9);} 
.index2_swiper .swiper-slide .lis{position: relative; opacity: 0.2;}
.index2_swiper .swiper-slide .lis .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index2_swiper .swiper-slide .lis .img img{display: block; width: 100%; height: auto;}
.index2_swiper .swiper-slide .lis .txt{position: absolute; left: 0; bottom: 0; width: 100%; padding: 50px; opacity: 0; color: #fff; background: url(../images/index2_xbbg.png) no-repeat top center; background-size: cover;}
.index2_swiper .swiper-slide .lis .txt h3{margin-bottom: 25px; font-size: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index2_swiper .swiper-slide .lis .txt p{font-size: 14px; height: 50px; line-height: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index2_swiper .swiper-slide-active{transform: scale(1); -webkit-transform: scale(1);}
.index2_swiper .swiper-slide-active .lis{opacity: 1;}
.index2_swiper .swiper-slide-active .lis .txt{opacity: 1;}
.index2_swiper .index2_btn{top: 42%; width: 72px; height: 138px; background-repeat: no-repeat; background-position: center center; background-size: 72px 138px;}
.index2_swiper .index2_btnL{left: 5%; background-image: url(../images/index2_btnL.png);}
.index2_swiper .index2_btnR{right: 5%; background-image: url(../images/index2_btnR.png);}
.index2 .view_more{text-align: center;}

.index3{width: 100%; padding: 65px 0; background: url(../images/index3-bg.jpg) no-repeat top center; background-size: cover;}
.index3 .container0{width: 95%;}
.index3_top{margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
.index3_top .index_title{margin-bottom: 0;}
.index3_main{display: flex; justify-content: space-between;}
.index3_circle{position: relative; width: 17px; height: 17px; overflow: hidden; border: 1px solid #000; border-radius: 50%; background-color: #fff;}
.index3_circle i{position: absolute; right: -5px; bottom: -5px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #e5e5e5;}
.index3_main .lis{padding: 25px; background-color: rgba(255, 255, 255, 1);}
.index3_main .lis .bt{font-size: 24px; line-height: 30px; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.index3_main .lis .sj{display: block; position: relative; font-size: 12px; color: #999;}
.index3_main .lis .sj::after{content: ""; display: block; width: 51px; height: 1px; margin-top: 17px; background-color: #999;}
.index3_main .lis p{font-size: 14px; line-height: 25px; color: #666;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.index3_left{position: relative; z-index: 2; width: 25%; background-color: #fff;}
.index3_left::after{content: ""; position: absolute; bottom: -20px; right: -20px; width: 100%; height: 100%; z-index: -1; background-color: rgba(213,213,213, 0.3);}
.index3_left .index3_mid{margin-bottom: 25px; text-align: center;}
.index3_left .index3_mid .index3_circle{display: inline-block;}
.index3_left .lis .bt{margin-bottom: 17px; height: 60px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index3_left .lis .sj{margin-bottom: 17px;}
.index3_left .lis p{height: 100px; margin-bottom: 28px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.index3_left .lis .img_box{overflow: hidden;}
.index3_left .lis .img{width: 100%; height: 220px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.index3_left .lis .img img{display: block; width: 100%; height: 100%;}
.index3_left .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index3_right{width: 72%;}
.index3_right ul li{position: relative; float: left; width: 48%; z-index: 2;}
.index3_right ul li::after{content: ""; position: absolute; bottom: -20px; right: -20px; width: 100%; height: 100%; z-index: -1; background-color: rgba(213,213,213, 0.5);}
.index3_right ul li:nth-child(even){float: right;}
.index3_right ul li:nth-child(1), .index3_right ul li:nth-child(2){margin-bottom: 55px;}
.index3_right .lis{position: relative;  padding: 42px 42px 42px 70px;}
.index3_right .index3_mid{position: absolute; left: 20px;; top: 50%; transform: translate(0%,-50%); -webkit-transform: translate(0%, -50%);}
.index3_right .lis .bt{margin-bottom: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index3_right .lis .sj{margin-bottom: 17px;}
.index3_right .lis p{height: 75px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index3_main .lis:hover .bt{color: #000;}
.index3_main .lis:hover p{color: #000;}
.index3 .view_more1{display: none; text-align: center;}

.footer{position: relative; width: 100%; padding: 65px 0 30px 0; color: #fff; background: url(../images/footer-bg.jpg) no-repeat top center; background-size: cover;}
.footer .container0{width: 95%;}
.footer .fb1{display: flex;  justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .fb1 .box1 img{max-width: 100%;}
.footer .fb1 .box2 ul li{float: left; margin-right: 60px;}
.footer .fb1 .box2 ul li:last-child{margin-right: 0;}
.footer .fb1 .box2 ul li a{position: relative; font-size: 16px;}
.footer .fb1 .box2 ul li a::after{content: ""; display: block; margin-top: 8px; width: 0%; height: 1px; background-color: #fff; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.footer .fb1 .box2 ul li a span{font-size: 20px;}
.footer .fb1 .box2 ul li a:hover::after{width: 100%;}
.footer .fb1 .box3 .gotop{cursor: pointer;}
.footer .fb1 .box3 span{display: block; position: relative; width: 1px; height: 57px; margin: 0 auto 14px auto; background-color: #7f7f7f;}
.footer .fb1 .box3 span i{position: absolute; left: 0; top: 0; width: 2px; height:26px; background-color: #fff; transform: translateY(20%); -webkit-transform: translateY(20%); animation: downico 2s ease-out infinite; -webkit-animation: downico 2s ease-out infinite;}
.footer .fb1 .box3 p{font-size: 16px;}
@keyframes downico{
	0%{
		transform: translateY(30%);
		opacity: 1;
	}
	50%{
		transform: translateY(60%);
		opacity: 1;
	}
	100%{
        transform: translateY(30%);
		opacity: 1;
	}
}

@-webkit-keyframes downico{
	0%{
		transform: translateY(30%);
		opacity: 1;
	}
	50%{
		transform: translateY(60%);
		opacity: 1;
	}
	100%{
        transform: translateY(30%);
		opacity: 1;
	}
}
.footer .fb2{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .fb2{padding-top: 30px; margin-top: 65px; border-top: 1px solid #ccc;}
.footer .fb2 p{line-height: 22px; font-size: 14px;}


.wrapper_marg{position:relative;}

.main_ban{position: relative;  width:100%; height:54vh; overflow: hidden;}
.mainBan_bg{position: ab!important; width: 100%; height:100%; z-index: 1!important; background-repeat:no-repeat; background-position:center center; background-size:cover;   -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.mainBan_bg::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner_mask.png) no-repeat center center; }
.mainBan_wz{position:absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; z-index: 2; text-align: center;}
.mainBan_wz .table{display: table; width: 100%; height: 100%;}
.mainBan_wz .table .cell{display: table-cell; vertical-align: middle; font-size: 48px;}
.mainBan_wz .table .cell h3{margin-bottom: 16px;}
.mainBan_wz .table .cell h5{text-transform: uppercase;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.mainBan_line i{display: inline-block; width: 2px; height: 97px; background-color: #fff;}

.home{padding-top: 65px;}
.home a:hover{color: #000;}
.home .container0{width: 90%;}
.home_main{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.home_left{width: 75%;}
.home_left .sidemenu ul li{float: left; width: 22.3%; margin-right: 3.6%;}
.home_left .sidemenu ul li:last-child{margin-right: 0;}
.home_left .sidemenu ul li a{position: relative; display: block; padding-bottom: 14px; font-size: 18px; border-bottom: 1px solid #e6e6e6; }
.home_left .sidemenu ul li a::after{content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0%; height: 1px; margin-top: 8px; background-color: #000; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.home_left .sidemenu ul li a:hover::after{width: 100%;}
.home_left .sidemenu ul li.on a::after{width: 100%;}
.home_right{color: #999; font-size: 14px; text-align: right;}

/* 项目展示 */
.home_left .eles select{width: 255px; height: 40px; line-height: 40px; font-size: 18px; border: 1px solid #ccc;}

.pro1_sec{width: 100%; padding: 65px 0;}
.pro1_sec .container0{width: 90%;}
.pro1_main{margin-bottom: 40px;}
.pro1_main ul li{position: relative; top: 80px; opacity: 0; float: left; width: 33.3333%; padding: 0 45px; margin-bottom: 25px;}
.pro1_main ul li .img_box{overflow: hidden; margin-bottom: 25px;}
.pro1_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;	transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.pro1_main ul li .img img{display: block; width: 100%; height: auto;}
.pro1_main ul li .wz{position: relative; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: space-between; align-items: center;}
.pro1_main ul li .wz::after{content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0%; height: 1px; margin-top: 8px; background-color: #000; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.pro1_main ul li .wz span{font-size: 18px; display: block; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro1_main ul li .wz i{display: block; width: 7px; height: 11px; background: url(../images/news1_warrow.png) no-repeat center center;}
.pro1_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.pro1_main ul li:hover .wz::after{width: 100%;}

.pxq1_bg{position: fixed; width: 100%; z-index: -1;}
.pxq1_bg .bg{position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.pxq2_sec{position: relative; width: 100%; padding-top: 270px; padding-bottom: 100px; z-index: 4;}
.pxq2_sec .container0{padding: 65px 0; background-color: #fff;}
.pxq2_main{width: 80%; max-width: 1200px;  margin: 0 auto; background-color: #fff;}
.pxq2_main .box1{padding-bottom: 55px; margin-bottom: 55px; border-bottom: 1px solid #000;}
.pxq2_main .box1 h2{font-size: 48px; margin-bottom: 15px;}
.pxq2_main .box1 .wz{display: flex; justify-content: space-between; align-items: center;}
.pxq2_main .box1 .wz span{width: 48%; font-size: 18px; display: block; overflow: hidden; white-space: nowrap;}
.pxq2_main .box1 .wz .wz_right{font-size: 14px; color: #999;}
.pxq2_main .box1 .wz .wz_right a:hover{color: #000;}
.pxq2_main .box2{margin-bottom: 55px;}
.pxq2_main .pro2_swiper{width: 100%;}
.pxq2_main .pro2_swiper .swiper-slide{width: 70%;}
.pxq2_main .pro2_swiper .swiper-slide img{width: 100%;}
.pxq2_main .box3{margin-bottom: 55px;}
.pxq2_main .box3 .nr p{font-size: 14px; line-height: 30px;}
.pxq2_main .pro_title{font-size: 24px; margin-bottom: 30px;}
.pxq2_main .pro_title span{display: inline-block; width: 4px; height: 21px; margin: 0 15px; background-color: #000; }
.pxq2_main .pro_title i{text-transform: uppercase; font-weight: bold;}
.pxq2_main .box4 {margin-bottom: 55px}
.pxq2_main .box4 ul li{line-height: 30px; font-size: 14px;}
.pxq2_main .box5{margin-bottom: 65px;}
.pxq2_main .box5 .img_box{width: 100%;margin:0 auto;column-count: 3;column-width: 300px;column-gap: 0.5px;}
.pxq2_main .box5  img{display: block; width: 100%; margin-bottom: 1px;}

.alike_sec{width: 100%; padding-bottom: 65px;}
.alike_sec .container0{max-width: 1200px;}
.alike_main ul{position: relative; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6;}
.alike_main ul li{float: left; text-align: center;}
.alike_main ul li:first-child{padding-right: 60px;}
.alike_main ul li:last-child{padding-left: 60px;}
.alike_main ul .lis{width: 50%;}
.alike_main ul .lis a{font-size: 14px; line-height: 25px;}
.alike_main ul .lis a span{margin-right: 15px;}
.alike_main ul .lis a:hover{color: #000;}
.alike_main ul .list{position: absolute; left: 50%; bottom: -1px; display: block; width: 60px; height: 60px; padding-right: 10px; background: url(../images/alike-bg.jpg) no-repeat center center; transform: translateX(-50%); -webkit-transform:translateX(-50%);}
.alike_main ul .list span{display: block; padding: 12px 0 0 13px; font-size: 14px;}
.alike_main ul .list span:hover{color: #000;}

.pxq_alike{padding-bottom: 0;}

/* 新闻中心 */
.news_home{padding-top: 60px; text-align: right; color: #999; font-size: 14px;}
.news_home .container0{width: 90%;}
.news_home a:hover{color: #000;}

.news1_sec{width: 100%; padding: 65px 0;}
.news1_sec .container0{max-width: 1200px;}
.news1_main{margin-bottom: 65px; overflow: hidden;}
.news1_main ul li{position: relative; margin-bottom: 40px; z-index: 2; border: 1px solid #e6e6e6; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.news1_main ul li::after{content: ""; position: absolute; bottom: -12px; right: -12px; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; background-color: rgba(213,213,213, 0.5);transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.news1_main ul li:last-child{margin-bottom: 0;}
.news1_main ul li .lis{padding: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #fff;}
.news1_main ul li .boxL{width: 87%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.news1_main ul li .lis .img_box{width: 27%; min-height: 160px; overflow: hidden;}
.news1_main ul li .lis .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.news1_main ul li .lis .img img{display: block; width: 100%; height: auto;}
.news1_main ul li .lis .txt{width: 70%;}
.news1_main ul li .lis .txt .bt{margin-bottom: 17px; font-size: 24px; overflow : hidden; text-overflow: ellipsis; white-space: nowrap;}
.news1_main ul li .lis .txt .sj{position: relative; display: block; margin-bottom: 17px;}
.news1_main ul li .lis .txt .sj::after{content: "";display: block; width: 51px; height: 1px; margin-top: 17px; background-color: #999;}
.news1_main ul li .lis .txt p{height: 50px; font-size: 14px; line-height: 25px; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news1_main ul li .boxR{width: 9%; text-align: center;}
.news1_main ul li .boxR i{display: inline-block; width: 7px; height: 11px; background: url(../images/news1_larrow.png) no-repeat center;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.news1_main ul li:hover{border-color: #000;}
.news1_main ul li:hover::after{opacity: 1; visibility: visible;}
.news1_main ul li:hover .lis .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news1_main ul li:hover .lis .boxR i{background-image: url(../images/news1_warrow.png);}

/* 翻页 */
.page_box{font-size: 14px; display: flex; justify-content:center; align-items: center;}
.page_box a{display: inline-block; margin-right: 20px;}
.page_box a.pages{position: relative; z-index: 2;}
.page_box a.pages::after{content: ""; position: absolute; left: 100%; bottom: 0; display: block; width: 20px; height: 26px; z-index: -1; opacity: 0; visibility: hidden; background: url(../images/trape.png) no-repeat center center; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.page_box a.pages i{position: relative; display: block; width: 32px; height: 32px; line-height: 32px; z-index: 2; text-align: center; background-color: #fff; border: 1px solid #e6e6e6; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.page_box a.pages:hover::after{opacity: 1; visibility: visible;}
.page_box a.pages:hover i{border-color: #000;}
.page_box a.pages.active::after{opacity: 1; visibility: visible;}
.page_box a.pages.active i{border-color: #000;}
.page_box .pagination1{display: flex; justify-content:center; align-items: center;}
.page_box .pagination1 p{margin-right: 30px;}
.page_box .pagination1 p:last-child{margin-right: 0;}
.page_box .pagination1 p:hover{color: #000;}
.page_box .pagination1 a{position: relative; display: block; margin-right: 30px; padding: 8px 12px;  z-index: 2; text-align: center; background-color: #fff; border: 1px solid #e6e6e6; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.page_box .pagination1 a.cur{border-color: #000;}
.page_box .pagination1 a:hover{border-color: #000;}


.newsxq1_nav{position: fixed; left: 0; top: 0; width: 100%; padding-top: 40px; z-index: 70;}
.newsxq1_nav .container0{width: 95%;}
.newsxq1_main{display: flex; justify-content: space-between;}
.newsxq1_logo{position: relative;}
.newsxq1_logo img{display: block;}
.newsxq1_logo .img1{display: block;}
.newsxq1_logo .img2{display: none;}
.newsxq1_arrow a{display: block; position: relative; width: 60px; height: 60px; background-color: #fff;}
.newsxq1_arrow a i{position: absolute; left: 50%; top: 50%; display: block; width: 20px; height: 20px; background: url(../images/newsxq1_barrwow.png) no-repeat center center; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.newsxq1_arrow a:hover{background-color: #000;}
.newsxq1_arrow a:hover i{background-image: url(../images/newsxq1_warrwow.png);}

.newsxq1_nav.fixed{padding: 20px 0;}
.newsxq1_nav.fixed .newsxq1_logo .img1{display: none;}
.newsxq1_nav.fixed .newsxq1_logo .img2{display: block; height: 45px;}

.newsxq1_bg{position: relative; width: 100%; height: 475px;}
.newsxq1_bg .bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.newsxq1_bg .txt{position: absolute; left: 0; bottom: 0px; padding: 40px 0; width: 100%; color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255,0,0,0));}
.newsxq1_bg .txt .table{width: 70%; margin: 0 auto;}
.newsxq1_bg .txt .cell h3{font-size: 48px; line-height: 60px; margin-bottom: 15px;}
.newsxq1_bg .txt .cell span{font-size: 14px;}

.newsxq2_sec{width: 100%; padding: 65px 0;}
.newsxq2_sec .container0{max-width: 1200px;}
.newsxq2_main .nr p{font-size: 14px; line-height: 30px; color: #333;}
.newsxq2_main .nr p img{max-width: 100%;}


/* 加入UNA */
.join1_sec{width: 100%; padding: 65px 0;}
.join1_sec .container0{max-width: 1200px;}
.join1_main .box0{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.join1_txt{width: 37%; position: relative; z-index: 1;}
.join1_txt .nr{margin-bottom: 45px;}
.join1_txt .nr p{font-size: 18px; line-height: 35px;}
.join1_txt .line0{width: 270%; height: 1px; background-color: #e6e6e6;}
.join1_img{width: 50%; position: relative; z-index: 2;}
.join1_swiper{width: 100%;}
.join1_swiper .swiper-slide{width: 65%;}
.join1_swiper .swiper-slide .img{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.join1_swiper .swiper-slide .img img{display: block; width: 100%;}

.join2_sec{width: 100%; padding-bottom: 65px;}
.join2_sec .container0{max-width: 1200px;}
.join2_main .box0{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.join2_img{width: 44%; position: relative; z-index: 2;}
.join2_img h2{text-align: center;  margin-bottom: 60px; font-size: 18px; letter-spacing: 10px;}
.join2_img img{display: block; width: 100%; height: auto; }
.join2_txt{width: 45%; position: relative; z-index: 1;}
.join2_txt .nr{margin-bottom: 45px;}
.join2_txt .nr p{font-size: 18px; line-height: 35px;}
.join2_txt .line0{width: 180%; position: relative; left: -82%; height: 1px; background-color: #e6e6e6;}

.job1_sec{width: 100%; padding: 65px 0; overflow: hidden;}
.job1_sec .container0{max-width: 1200px;}
.job1_main{overflow: hidden;}
.job1_main .nr p{font-size: 14px; line-height: 30px;}
.job1_main .nr p img{max-width: 100%;}
.job1_main .nr p a.blue{color: #3a88d5;}

/* 联系我们 */
.con1_sec{width: 100%; padding: 65px 0;}
.con1_sec .container0{width: 90%;}
.con1_main{display: flex; justify-content: space-between; flex-wrap: wrap;}
.con1_left{position: relative; width: 460px;}
.con1_left .ulbox{margin-bottom: 50px;}
.con1_left ul{position: relative;}
.con1_left ul li{width: 100%; position: relative; margin-bottom: 13px;}
.con1_left ul li:last-child{margin-bottom: 0;}
.con1_left ul li::after{content: "";position: absolute; bottom: -6px; right: -6px; width: 100%; height: 100%; z-index: -1;background-color: rgba(213,213,213, 0.5);}
.con1_left ul li .lis{position: relative; padding: 20px; font-size: 14px; z-index: 1; border: 1px solid #e6e6e6; background-color: #fff;}
.con1_left ul .li_oval{position: absolute; right: -25px; top: 50%; z-index: 3; transform: translate(0%,-50%); -webkit-transform: translate(0%, -50%);}
.con1_left .ewm{text-align: center;}
.con1_left .ewm img{width: 138px; margin-bottom: 4px;}
.con1_left .ewm p{font-size: 14px;}
.con1_right{width: 65%;}
.con1_right .ditu .map0{width: 100%; height: 570px;}

/* 关于我们 */

.team1_sec{width: 100%; padding: 65px 0; background: url(../images/team-bg.jpg) no-repeat center center; background-attachment: fixed;}
.team1_main{text-align: center; overflow: hidden;}
.team1_main ul {text-align: left;}
.team1_main ul li{margin-bottom: 65px;}
.team1_main ul li:last-child{margin-bottom: 0;}
.team1_main ul li .lis{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.team1_img{width: 25%;}
.team1_img img{display: block; width: 100%;}
.team1_txt{width: 70%;}
.team1_txt h3{font-size: 24px; margin-bottom: 18px;}
.team1_txt h4{font-size: 14px; color: #999; margin-bottom: 35px;}
.team1_txt .nr {margin-bottom: 45px;}
.team1_txt .nr p{font-size: 14px; line-height: 30px; color: #666;}
.team1_txt .names{display: flex; justify-content: flex-end;}
.team1_txt .names img{width: 252px;}
.team1_main ul li .box{position: relative; z-index: 2;}
.team1_main ul li:hover .creator{opacity: 0.3; visibility: visible;}
.team1_main .showMorehandle{position: relative; display: inline-block;  width: 211px; height: 60px; padding: 0 23px; line-height: 60px; text-align: left; font-size: 18px; color: #333; z-index: 2; cursor: pointer; border: 1px solid #000;}
.team1_main .showMorehandle::after{content: ""; position: absolute; top: 50%; right: 27px; display: block; width: 11px; height: 15px; background: url(../images/team1_barrow.png) no-repeat center center;transform:translate(0%,-50%); -webkit-transform: translate(0%,-50%); transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.team1_main .showMorehandle.intro{margin-top: 65px;}
.team1_main .showMorehandle.intro::after{top: 42%; transform: rotate(180deg); -webkit-transform: rotate(180deg);}


.ser1_sec{width: 100%; padding: 65px 0;}
.ser1_main ul li{margin-bottom: 65px;}
.ser1_main ul li:last-child{margin-bottom: 0;}
.ser1_main ul li .lis{position: relative;}
.ser1_main ul li .img_box{float: right; width: 70%;}
.ser1_main ul li .img{width: 100%; height: 550px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ser1_main ul li .img img{display: block; width: 100%; height: 100%;}
.ser1_main ul li .txt{position: absolute; left: 0; bottom: 0; width: 55%; padding-right: 60px; padding-bottom: 60px; background-color: #fff;}
.ser1_main ul li .txt span{display: block; margin-bottom: 20px;}
.ser1_main ul li .txt span img{max-width: 90px;}
.ser1_main ul li .txt h3{font-size: 36px; font-weight: 100; margin-bottom: 15px;}
.ser1_main ul li .txt h4{position: relative; margin-bottom: 15px; font-size: 36px; text-transform: uppercase; font-weight: bold;}
.ser1_main ul li .txt h4::after{content: ""; display: block; width: 25%; height: 1px; margin-top: 15px; background-color: #777;}
.ser1_main ul li .txt h5{font-size: 18px; line-height: 25px; margin-bottom: 15px;}
.ser1_main ul li .txt .nr{ overflow: hidden;}
.ser1_main ul li .txt .nr p{font-size: 14px; line-height: 30px; color: #666;}
.ser1_main ul li:nth-child(even) .img_box{float: left;}
.ser1_main ul li:nth-child(even) .txt{position: absolute; left: auto; right: 0; top: 0; bottom: auto; padding-right: 60px; padding-left: 60px;}

.ab_title{font-size: 36px;}
.ab_title h2{font-weight: 100; margin-bottom: 8px;}
.ab_title h3{font-weight: bold; text-transform: uppercase;}

.ab1_sec{width: 100%; padding: 65px 0; overflow: hidden;}
.ab1_sec .container0{width: 860px;}
.ab1_top{font-size: 18px; margin-bottom: 50px;}
.ab1_main .ab_title{margin-bottom: 50px;}
.ab1_main .nr p{font-size: 18px; line-height: 30px; color: #666;}

.ab2_sec{width: 100%;}
.ab2_main ul li .lis{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ab2_main .ab_title{margin-bottom: 45px;}
.ab2_img{width: 50%; height: 100%; min-height: 660px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ab2_img img{display: block; width: 100%; height: auto;}
.ab2_txt{width: 50%; display: flex; align-items: center; color: #fff; background-color: #1e1e1e; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ab2_wz{padding:0 10% 0 5%;}
.ab2_txt .nr p{font-size: 14px; line-height: 30px; color: #fff;}
.ab2_main ul li:nth-child(even) .lis{flex-direction: row-reverse;}
.ab2_main ul li:nth-child(even) .ab2_wz{padding: 0 5% 0 10%;}

.ab3_sec{width: 100%; background: url(../images/ab3-bg.jpg) no-repeat top center; background-size: cover;}